.keyboard
{
    width: 40.8rem;
    height: 26.6rem;
    text-align: center;
    position: fixed;
    background: #d2d5db;
    border:0.3rem solid #25b7aa;
    padding: 0.6rem;
    z-index: 100;
    box-shadow: 0px 0px 1rem rgba(0,0,0,0.4);
    border-radius:0.8rem;
    bottom:-30rem ;
    left: 50%;
    margin-left: -20.4rem;
}

#keyboardNum{
    height: 100% !important;

}
.keyboard #keyboardNum div, .close,.hide
{
    width:13rem; 
    height:6rem;
    line-height:6rem;  
    float:left;
    margin: 0.3rem;
    background: #fff;
    box-shadow:0px 0.26rem 0.1rem rgba(0,0,0,0.5);
    border-radius:0.4rem;
    text-align: 0.6;
    font-size: 2.5rem;
    
}
.keyboard #keyboardNum div:hover, .close:hover, .hide:hover{
    box-shadow:none;
    background: Gray;
}

.close, .hide{
     width:6.4rem;
     height:6rem;
     cursor:pointer;
     margin: 0.2rem;
}
span{
    width:13.6rem; 
    position: absolute;
    top: 20.5rem;
    left: 27.8rem;
}
.backspaceKey
{   
    overflow: hidden;
}

.backspaceKey:before ,.hide:before{
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=80);/*100为不透明*/
    opacity: 0.8;/*1为不透明   1=上面的100*/
}
.backspaceKey:before{
    background: url(../../images/j2.png) no-repeat 3.1rem center; 
    background-size:6rem 5rem;
}

.hide:before{
    background: url(../../images/j1.png) no-repeat center center; 
    background-size:4.8rem 4.8rem;
}
.keyboard div[name="key"]
{
    cursor:pointer;
}